<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/base.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<link rel="stylesheet" type="text/css" href="../css/navfooter.css"/>
		<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="zhang_nav w">
			<div class="zhang_nav_left"><img src="../img/nav.jpg"/></div>
			<ul class="zhang_nav_right">
				<li>
					<div><a href="index.html">首页</a></div>
					<ol>
						<li><a href="#">首页子菜单</a></li>
						<li><a href="#">首页子菜单</a></li>
						<li><a href="#">首页子菜单</a></li>
						<li><a href="#">首页子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>云道商城</div>
					<ol>
						<li><a href="suo.html">官网商城</a></li>
						<li><a href="ding.html">云道商城</a></li>
						<li><a href="#">云道商城子菜单</a></li>
						<li><a href="#">云道商城子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>智慧门店</div>
					<ol>
						<li><a href="li.html">智慧门店</a></li>
						<li><a href="#">智慧门店子菜单</a></li>
						<li><a href="#">智慧门店子菜单</a></li>
						<li><a href="#">智慧门店子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>营销平台</div>
					<ol>
						<li><a href="qin.html">营销平台</a></li>
						<li><a href="#">营销平台菜单</a></li>
						<li><a href="#">营销平台菜单</a></li>
						<li><a href="#">营销平台菜单</a></li>
					</ol>
				</li>
				<li>
					<div>媒体联盟</div>
					<ol>
						<li><a href="he.html">人人分销</a></li>
						<li><a href="#">媒体联盟子菜单</a></li>
						<li><a href="#">媒体联盟子菜单</a></li>
						<li><a href="#">媒体联盟子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>关于云道</div>
					<ol>
						<li><a href="wang.html">关于我们1</a></li>
						<li><a href="wang1.html">关于我们2</a></li>
						<li><a href="#">关于云道子菜单</a></li>
						<li><a href="#">关于云道子菜单</a></li>
					</ol>
				</li>
			</ul>
			<div class="zhang_nav_top">
				<div>用户中心</div>	
				<ol>
					<li>
						<a href="landing.html">登录</a>
						<a href="registered.html">注册</a>
						<a href="back.html">找回密码</a>
					</li>
				</ol>
			</div>
		</div>
		<div class="banner">
			<ul class="tu">
				<li style="left: 0px;"><img src="../img/banner1.jpg"/></li>
				<li><img src="../img/banner2.jpg"/></li>
				<li><img src="../img/banner3.jpg"/></li>
				<li><img src="../img/banner4.jpg"/></li>
			</ul>
			<ol class="dian">
				<li style="border:1px solid white ;"></li>
				<li style="background: white;"></li>
				<li style="background: white;"></li>
				<li style="background: white;"></li>
			</ol>
		</div>

			
				<div class="content_a">
					<div></div>
					<div><b>我们的服务</b></div>
					<div></div>
				</div>
				<div class="content_b">
					<p>PROGRAM HIGHLIGHTS</p>
					<p>shopcmd云道，国内领先的独立电商解决方案及全渠道营销平台。完整的产品体系，简约的系统，个性化前端，全覆盖多渠道营销体系.</p>
					<p>我们致力打造一个服务于品牌商城/独立电商的完整生态，让企业的独立电商之路变得更简单，也更有价值！</p>
				</div>
				<div class="content_c">
					<div class="content_c_1">
						<div><img src="../img/content1.jpg"/></div>
						<h3>我是卖家</h3>
						<p>shopcmd云电商解决方案，我们不仅 仅是领先的独立商城建站系统。我们 从互联网时代品牌建设和品牌营销的全 新视角，赋予了品牌商城及独立电商更大的生存空间和存在价值！</p>
						<button>我要建站</button>
					</div>
					<div class="content_c_1" style="margin: 0 48px;">
						<div><img src="../img/content2.jpg"/></div>
						<h3>我是营销</h3>
						<p>shopcmd云电商解决方案，我们不仅 仅是领先的独立商城建站系统。我们 从互联网时代品牌建设和品牌营销的全 新视角，赋予了品牌商城及独立电商更大的生存空间和存在价值！</p>
						<button>我要推广</button>
					</div>
					<div class="content_c_1">
						<div><img src="../img/content3.jpg"/></div>
						<h3>媒体合作</h3>
						<p>shopcmd云电商解决方案，我们不仅 仅是领先的独立商城建站系统。我们 从互联网时代品牌建设和品牌营销的全 新视角，赋予了品牌商城及独立电商更大的生存空间和存在价值！</p>
						<button>我要合作</button>
					</div>
				</div>
				<div class="content_a">
					<div></div>
					<div><b>经典案例</b></div>
					<div></div>
				</div>
				<div class="content_b">
					<p>THE CLASSIC CASE</p>
				</div>
				<ul class="content_d">
					<li><img src="../img/content_left.jpg"/></li>
					<li><img src="../img/content4.jpg"/></li>
					<li><img src="../img/content5.jpg"/></li>
					<li><img src="../img/content6.jpg"/></li>
					<li><img src="../img/content_right.jpg"/></li>
				</ul>
				<div class="content_a">
					<div></div>
					<div><b>合作媒体</b></div>
					<div></div>
				</div>
				<div class="content_b">
					<p>THE CLASSIC CASE</p>
				</div>
				<div class="content_e">
					<ul>
						<li><img src="../img/menu1.jpg"/></li>
						<li><img src="../img/menu2.jpg"/></li>
						<li><img src="../img/menu2.jpg"/></li>
					</ul>
					<ul>
						<li><img src="../img/menu3.jpg"/></li>
						<li><img src="../img/menu3.jpg"/></li>
						<li><img src="../img/menu3.jpg"/></li>
					</ul>
					<ul>
						<li><img src="../img/menu4.jpg"/></li>
						<li><img src="../img/menu4.jpg"/></li>
						<li><img src="../img/menu4.jpg"/></li>
					</ul>
					<ul>
						<li><img src="../img/menu5.jpg"/></li>
						<li><img src="../img/menu5.jpg"/></li>
						<li><img src="../img/menu5.jpg"/></li>
					</ul>
					<ul>
						<li><img src="../img/menu6.jpg"/></li>
						<li><img src="../img/menu6.jpg"/></li>
						<li><img src="../img/menu6.jpg"/></li>
					</ul>
				</div>
				<div class="zhang_footer">
					<div class="zhang_footer_one">
						<ul>
							<li><a href="#">shopcmd</a></li>
							<li><a href="#">首页</a></li>
							<li><a href="#">官网云商城</a></li>
							<li><a href="#">智慧门店</a></li>
							<li><a href="#">销售平台</a></li>
							<li><a href="#">媒体联盟</a></li>
							<li><a href="#">关于我们</a></li>
						</ul>	
						<div class="zhang_call">4008-188-360</div>
					</div>
					<div class="zhang_hr"></div>
					<p><a href="#">@Copyright 2015 苏州海云网络科技有限公司版权所有 | 苏ICP备15038170号-3</a></p>
			
				</div>

		<script type="text/javascript">
			$(".zhang_nav_right>li").mouseover(function(){
				$(this).find("ol").stop().slideDown();
			})
			$(".zhang_nav_right>li").mouseout(function(){
				$(this).find("ol").stop().slideUp();
			})
			$(".zhang_nav_top").mouseover(function(){
				$(this).find("ol").stop().slideDown();
			})
			$(".zhang_nav_top").mouseout(function(){
				$(this).find("ol").stop().slideUp();
			})
			$(function(){
		var index=0;//当前图片的下标
			var next=0;//下一张图片的下标
			//向左运动
			function fun(){
				//判断当前图片的临界点
				if(index>=4)
				{
					index=0;
				}
				next=index+1;
				//判断下一张的临界点
				if(next>=4)
				{
					next=0;
				}
				$(".tu>li").eq(index).siblings().css("left","100%");//除了当前的一个图片，其他图片设置的left=100%，
				$(".tu>li").eq(index).animate({left:"-=100%"},1000);//设置当前图片向左运动100%
				$(".tu>li").eq(next).animate({left:"-=100%"},1000);//设置下一张图片向左运动100%
				//设置小圆点切换
				$(".dian>li").eq(next).css({"border":"1px solid white","background":"none"});
				$(".dian>li").eq(next).siblings().css({"border":"none","background":"white"});

				index++;
			}
			var timer=setInterval(fun,3000);
})
		</script>
	</body>
</html>
